<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index.css">
    <!--[if lt IE 9]>
      <script src="lib/bootstrap/html5shiv/html5shiv.min.js"></script>
      <script src="lib/respond/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <!-- 头部导航 -->
    <header class="wjs_topbar hidden-sm hidden-xs">
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <a href="" class="wjs_app">
                        <span class="glyphicon glyphicon-phone"></span>
                        <span>手机微金所</span>
                        <span class="glyphicon glyphicon-menu-down"></span>
                        <img src="images/code.jpg" alt="">
                    </a>
                </div>
                <div class="col-md-5">
                    <span class="glyphicon glyphicon-phone-alt"></span>
                    <span>4006-89-4006（服务时间：9:00-21:00）</span></div>
                <div class="col-md-2"><a href="javascript:;">常见问题 财富登录</a></div>
                <div class="col-md-3"><a href="" class="btn btn-xs btn-default btn-register">免费注册</a><a href="" class="btn btn-link btn-login">登录</a></div>
            </div>
        </div>
    </header>
    <!-- 导航栏 -->
    <nav class="navbar wjs_nav affix-top" data-spy="affix" data-offset-top="200">
        <div class="container ">
            <div class="navbar-header">
                <!-- 移动端显示的按钮菜单图标 -->
                <button type="button" class="navbar-toggle collapsed " data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <!-- 商标区域 -->
                <a class="navbar-brand" href="#">
                    <span class="wjs_icon wjs_icon_logo"></span>
                    <span class="wjs_icon wjs_icon_name"></span>
                </a>
            </div>
            <!-- 导航链接 -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <!-- 默认导航 -->
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">我要投资</a></li>
                    <li><a href="#">我要借贷</a></li>
                    <li><a href="#">平台介绍</a></li>
                    <li><a href="#">新手专区</a></li>
                    <li><a href="#">最新动态</a></li>
                    <li><a href="#">微平台</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right hidden-sm">
                    <li>
                        <a href="#" class="">个人中心</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <!-- 轮播图 -->
    <section class="wjs_banner ">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- 图片原点 -->
            <ol class="carousel-indicators">
            </ol>
            <!-- 图片盒子 -->
            <div class="carousel-inner">
            </div>
            <!-- 左右箭头按钮 -->
            <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>
    </section>
    <!-- 信息 -->
    <section class="wjs_info hidden-xs">
        <div class="container">
            <div class="col-sm-6 col-md-4">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <span class="wjs_icon wjs_icon_dollar"></span>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">支付交易保障</h4>
                            <p>银联支付全称保证支付安全</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <span class="wjs_icon wjs_icon_dollar"></span>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">支付交易保障</h4>
                            <p>银联支付全称保证支付安全</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <span class="wjs_icon wjs_icon_dollar"></span>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">支付交易保障</h4>
                            <p>银联支付全称保证支付安全</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <span class="wjs_icon wjs_icon_dollar"></span>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">支付交易保障</h4>
                            <p>银联支付全称保证支付安全</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <span class="wjs_icon wjs_icon_dollar"></span>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">支付交易保障</h4>
                            <p>银联支付全称保证支付安全</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-6 col-md-4">
                <a href="">
                    <div class="media">
                        <div class="media-left">
                            <span class="wjs_icon wjs_icon_dollar"></span>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">支付交易保障</h4>
                            <p>银联支付全称保证支付安全</p>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </section>
    <!-- 预约 -->
    <section class="wjs_book ">
        <div class="container">
            <div class="pull-left">
                <span class="wjs_icon wjs_icon_clock"></span>现在有 273 人在排队，累计预约交易成功 7571 次。 什么是预约投标？ <a href="">立即预约</a>
            </div>
            <div class="pull-right hidden-xs">
                <a href=""> <span class="wjs_icon wjs_icon_video"></span>微金所企业宣传片</a>
            </div>
        </div>
    </section>
    <!-- 产品 -->
    <section class="wjs_product">
        <div class="container">
            <div class="nav-tabs-parent">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#product_nav01" data-toggle="tab">特别推荐</a></li>
                    <li><a href="#product_nav02" data-toggle="tab">微平台</a></li>
                    <li><a href="#product_nav03" data-toggle="tab">微平台</a></li>
                    <li><a href="#product_nav04" data-toggle="tab">微平台</a></li>
                    <li><a href="#product_nav05" data-toggle="tab">微平台</a></li>
                    <li><a href="#product_nav06" data-toggle="tab">微平台</a></li>
                    <li><a href="#product_nav07" data-toggle="tab">微平台</a></li>
                </ul>
            </div>
            <!-- Tab panes -->
            <div class="tab-content">
                <div class="tab-pane active" id="product_nav01">
                    <div class=" col-xs-12 col-sm-6 col-md-4 ">
                        <a href="" class="product_box active">
                            <div class="product_right">
                                <p><b>8</b><sub>%</sub></p>
                                <p>年利率</p>
                            </div>
                            <div class="product_left">
                                <h3 class="text-center">新手体验标1002期</h3>
                                <div class="col-xs-6 text-left">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-right">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-left">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-right">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class=" col-xs-12 col-sm-6 col-md-4 ">
                        <a href="" class="product_box">
                            <div class="product_right">
                                <span class="red" data-toggle="tooltip" data-placement="top" title="微金宝">微</span>
                                <span class="green" data-toggle="tooltip" data-placement="bottom" title="湖南省">湘</span>
                                <p><b>8</b><sub>%</sub></p>
                                <p>年利率</p>
                            </div>
                            <div class="product_left">
                                <h3 class="text-center">新手体验标1002期</h3>
                                <div class="col-xs-6 text-left">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-right">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-left">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-right">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class=" col-xs-12 col-sm-6 col-md-4 ">
                        <a href="" class="product_box">
                            <div class="product_right">
                                <p><b>8</b><sub>%</sub></p>
                                <p>年利率</p>
                            </div>
                            <div class="product_left">
                                <h3 class="text-center">新手体验标1002期</h3>
                                <div class="col-xs-6 text-left">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-right">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-left">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-right">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="tab-pane " id="product_nav02">
                    <div class=" col-xs-12 col-sm-6 col-md-4 ">
                        <a href="" class="product_box">
                            <div class="product_right">
                                <p><b>8</b><sub>%</sub></p>
                                <p>年利率</p>
                            </div>
                            <div class="product_left">
                                <h3 class="text-center">新手体验标1002期</h3>
                                <div class="col-xs-6 text-left">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-right">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-left">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-right">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="tab-pane " id="product_nav03">
                    <div class=" col-xs-12 col-sm-6 col-md-4 ">
                        <a href="" class="product_box">
                            <div class="product_right">
                                <p><b>8</b><sub>%</sub></p>
                                <p>年利率</p>
                            </div>
                            <div class="product_left">
                                <h3 class="text-center">新手体验标1002期</h3>
                                <div class="col-xs-6 text-left">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-right">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-left">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-right">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="tab-pane " id="product_nav04">
                    <div class=" col-xs-12 col-sm-6 col-md-4 ">
                        <a href="" class="product_box">
                            <div class="product_right">
                                <p><b>8</b><sub>%</sub></p>
                                <p>年利率</p>
                            </div>
                            <div class="product_left">
                                <h3 class="text-center">新手体验标1002期</h3>
                                <div class="col-xs-6 text-left">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-right">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-left">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                                <div class="col-xs-6 text-right">
                                    <p>起投金额(元)</p>
                                    <p>0.01万</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 新闻 -->
    <section class="wjs_news">
        <div class="container">
            <div class="col-md-2 col-md-offset-2">
                <h3>全部新闻</h3>
            </div>
            <div class="col-md-1 ">
                <div class="line hidden-sm hidden-xs"></div>
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#news_nav1" data-toggle="tab"><span class="wjs_icon wjs_icon_news_nav1"></span></a>
                    </li>
                    <li>
                        <a href="#news_nav2" data-toggle="tab"><span class="wjs_icon wjs_icon_news_nav2"></span></a>
                    </li>
                    <li>
                        <a href="#news_nav3" data-toggle="tab"><span class="wjs_icon wjs_icon_news_nav3"></span></a>
                    </li>
                    <li>
                        <a href="#news_nav4" data-toggle="tab"><span class="wjs_icon wjs_icon_news_nav4"></span></a>
                    </li>
                </ul>
            </div>
            <div class="col-md-7">
                <div class="tab-content">
                    <div class="tab-pane active" id="news_nav1">
                        <ul class="wjs_news_content">
                            <li><a href="">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                            <li><a href="">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                            <li><a href="">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                            <li><a href="">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                            <li><a href="">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                            <li><a href="">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                            <li><a href="">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>
                            <li><a href="">2016-09-22【微还款】一周还款公告2016年1月18日-1月24日</a></li>

                        </ul>
                    </div>
                    <div class="tab-pane" id="news_nav2">没有更多内容</div>
                    <div class="tab-pane" id="news_nav3">没有更多内容</div>
                    <div class="tab-pane" id="news_nav4">没有更多内容</div>
                </div>
            </div>
        </div>
    </section>
    <!-- 合作伙伴 -->
    <footer class="wjs_partner">
        <div class="container">
            <h3>合作伙伴</h3>
            <ul class="clearfix">
                <li><a href=""><span class="wjs_icon wjs_icon_partner01"></span></a></li>
                <li><a href=""><span class="wjs_icon wjs_icon_partner02"></span></a></li>
                <li><a href=""><span class="wjs_icon wjs_icon_partner03"></span></a></li>
                <li><a href=""><span class="wjs_icon wjs_icon_partner04"></span></a></li>
                <li><a href=""><span class="wjs_icon wjs_icon_partner05"></span></a></li>
                <li><a href=""><span class="wjs_icon wjs_icon_partner06"></span></a></li>
                <li><a href=""><span class="wjs_icon wjs_icon_partner07"></span></a></li>
                <li><a href=""><span class="wjs_icon wjs_icon_partner08"></span></a></li>
                <li><a href=""><span class="wjs_icon wjs_icon_partner09"></span></a></li>
            </ul>
        </div>
    </footer>
    <script src="lib/jquery/jquery.min.js"></script>
    <script src="lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="lib/artTemplate/template-native.js"></script>
    <script src="lib/iscroll/iscroll.js"></script>
    <script src="js/index.js">
    < script src = "lib/jquery/jquery.min.js" >
    </script>
    <!-- 模板引擎 -->
    <script type="text/template" id="pointTemplate">
        <% for(var i=0;i<list.length;i++) { %>
            <li data-target="#carousel-example-generic" data-slide-to="<%=i%>" class="<%=i==0?'active':''%>"></li>
            <% } %>
    </script>
    <script type="text/template" id="imgTemplate">
        <% for(var i=0;i<list.length;i++) { %>
            <div class="item <%=i==0?'active':''%>">
                <% if(isMobile){ %>
                    <a href="" class="pc_imgBxo" style="background-image: url(<%=list[i].pcUrl%>)">
                    </a>
                    <% }else{ %>
                        <a href="" class="m_imgBox"><img src="<%=list[i].mUrl%>" alt=""></a>
                        <% } %>
            </div>
            <% } %>
    </script>
</body>

</html>
